<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" id="txt" value="">
    <button id="btn">添加</button>
    <p id="res"></p>
    <br>
    <script>
        // 2. 有一个从小到大排好序的数组。现输入一个数，要求按原来的规律将它插入数组中。  

        var arr = [13,45,88,96,4,34,62]
        //把数组进行从小到大一次排列
        arr.sort(function (a, b) { return a - b })
        //创建点击事件
        btn.onclick = function(){          
            //判断输入的值是否为数字
            if(txt.value != '' && txt.value % 1 ===0){
                //把输入的数据加到数组里
                arr.push(txt.value)
                //把数组进行从小到大一次排列
                arr.sort(function (a, b) { return a - b })
            }else{
                alert('请输入一个数字')
            }
            res.innerHTML = arr
        }
        txt.innerHTML = ''  
        res.innerHTML = arr
    </script>
</body>
</html>